<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="@{'/public/stylesheets/estilo.css'}" rel="stylesheet"/>
<script type="text/javascript" src="@{'/public/javascripts/jquery.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/jquery.corner.js'}"/></script>
<script type="text/javascript" src="@{'/public/javascripts/jquery.price.format.js'}"/></script>
<script type="text/javascript" src="@{'/public/javascripts/scripts.js'}"/></script>
<title>#{get 'title' /}</title>
</head>

<body>
	<div id="tudo">
    	<div id="topo">
        	<a href="http://localhost:9000/"><img src="@{'/public/images/logo.png'}" /></a>
            #{if session.nomeUsuario == null}
                 <a href="#" class="login">Login</a>
             #{/if}
             #{else}
            	<form action="@{LogarUsuario.deslogar()}" method="post">
            		<input class="logout" type="submit" value="Logout"/>
            	</form>
            	<span class="login">Bem Vindo, ${session.nomeUsuario}</span>
             #{/else}
             #{if login.equals("invalido")}
            	<span class="login">Usuário ou Senha Inválidos</span>
             #{/if}
            
            <div id="login">
            	<form action="@{LogarUsuario.logar()}" method="post">
					<span>Login:</span> <br/>
					<input type="text" name="login" size="20"/> <br/>
					<span>Senha:</span> <br/>
					<input type="password" name="senha" size="20"/> <br/>
					
					<input type="submit" value="Login"/>
					<input type="button" value="Cancelar" class="cancel"/>
				</form>
           
            </div>
           
        </div>
        <div id="menu">
        	<ul>
        		<form action="@{Busca.buscar()}" method="post">
                    <input type="text" name="busca" value="Buscar" size="24"/>
                    <input type="submit" value="Ir"/>
                </form>
            	<li><a href="@{Busca.buscarPorTagPorNome('Perfumes')}">Perfumes</a></li>
                <li><a href="@{Busca.buscarPorTagPorNome('Maquiagem')}">Maquiagem</a></li>
                <li><a href="@{Busca.buscarPorTagPorNome('Tratamento')}">Tratamento</a></li>
                <li><a href="@{Busca.buscarPorTagPorNome('Cabelos')}">Cabelos</a></li>
                <li><a href="@{Busca.buscarPorTagPorNome('Profissional')}">Profissional</a></li>
                <li><a href="@{Busca.buscarPorTagPorNome('Corpo e Banho')}">Corpo e Banho</a></li>
                <li><a href="@{Busca.buscarPorTagPorNome('Ofertas')}">Ofertas</a></li>
                <form action="@{Carrinho.mostrarCarrinho()}" method="post">
            		<input class="carrinho" type="submit" value="Cart"/>
            	</form>	
            </ul>
        </div>
        <div id="banner">
        	<img src="@{'/public/images/banner.jpg'}" />
        </div>
        <div id="conteudo">
        	#{doLayout /}
        </div>
        <div id="rodape">
        	<img src="@{'/public/images/rodape.jpg'}" />
        </div>
    </div>
</body>
</html>
